﻿@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <title>Test1</title>
</head>
<body>
    <script src="@(Logic.Constants.CurrentUrl)/Scripts/jquery-1.4.4.min.js" type="text/javascript"></script>
    <script src="@(Logic.Constants.CurrentUrl)/Scripts/jquery.treeview.js" type="text/javascript"></script>
    <script src="@(Logic.Constants.CurrentUrl)/Scripts/jquery.treeview.async.js" type="text/javascript"></script>
    <link href="@(Logic.Constants.CurrentUrl)/Content/jquery.treeview.css" rel="stylesheet" type="text/css" />
    <script src="/Scripts/Site/jquery.wysiwyg.js" type="text/javascript"></script>
    <link href="/Content/jquery.wysiwyg.css" rel="stylesheet" type="text/css" />
   

    <script type="text/javascript">
        $(function ()
        {
            $('textarea').wysiwyg({
                controls: {
                    indent: { visible: false },
                    outdent: { visible: false },
                    subscript: { visible: false },
                    h1: { visible: false },
                    h2: { visible: false },
                    h3: { visible: false },
                    insertHorizontalRule: { visible: false },
                    code: { visible: false },
                    superscript: { visible: false },
                    insertImage: { visible: false },
                    insertTable: { visible: false },
                    strikeThrough: { visible: false },
                    colorpicker: { visible: true },
                    removeFormat: { visible: false }
                },
                formWidth: 300
        });
    });
    </script>
    <form style='width:400px'>
        <textarea id="wysiwyg"></textarea>
    </form>
</body>
</html>
